// pages/second/second.js
Page({

  /**
   * 页面的初始数据
   * 
   * 数据类型：8个  bool+string+number+null+undefined+symbol+obj+bigInt
   * 
   *
   * 简单数据类型：bool+string+number+null+undefined
     复杂数据类型：array+函数+对象
   * 
   */
  data: {
    n: 1,
    m: 2,
    msg: 'hello  world',
    flag: false,
    obj: {
      name: 'jack'
    },
    arr: [1, 2, 3],
    arr2: [{
        id: 1,
        name: 'jack',
        age: 18
      },
      {
        id: 2,
        name: 'rose',
        age: 19
      },
      {
        id: 3,
        name: 'tom',
        age: 16
      }
    ],
    age: 27,
    flag2: false,
    num: 10,
    val: '',
    tempFilePath: '',
    list: [],
    flagTop: false,
    arr3: [],
    arr4: [{
        id: 1,
        name: 'jack',
        age: 18
      },
      {
        id: 2,
        name: 'rose',
        age: 19
      },
      {
        id: 3,
        name: 'tom',
        age: 16
      },
      {
        id: 4,
        name: 'jack',
        age: 18
      },
      {
        id: 5,
        name: 'rose',
        age: 19
      },
      {
        id: 6,
        name: 'tom',
        age: 16
      },
      {
        id: 7,
        name: 'jack',
        age: 18
      },
      {
        id: 8,
        name: 'rose',
        age: 19
      },
      {
        id: 9,
        name: 'tom',
        age: 26
      },
      {
        id: 10,
        name: 'tom10',
        age: 16
      }
    ],
    arr5: [{
        id: 1,
        name: 'jack',
        age: 18
      },
      {
        id: 2,
        name: 'rose',
        age: 19
      },
      {
        id: 3,
        name: 'tom',
        age: 16
      },
      {
        id: 4,
        name: 'jack',
        age: 18
      },
      {
        id: 5,
        name: 'rose',
        age: 19
      },
      {
        id: 6,
        name: 'tom',
        age: 16
      },
      {
        id: 7,
        name: 'jack',
        age: 18
      },
      {
        id: 8,
        name: 'rose',
        age: 19
      },
      {
        id: 9,
        name: 'tom',
        age: 26
      },
      {
        id: 10,
        name: 'tom10',
        age: 16
      }
    ]
  },

  handle() {
    // 更改数据必须经过setData()
    this.setData({
      flag2: !this.data.flag2,
      num: this.data.num + 1
    })
  },
  sonHandle() {
    console.log('son');
  },
  fatherHandle() {
    console.log('father');
  },
  inputHandle(e) {
    console.log(e, 'inputHandle');
    this.setData({
      val: e.detail.value
    })
  },
  delHandle(e) {
    console.log(e.target.dataset.ids, 'delHandle');
    this.setData({
      arr2: this.data.arr2.filter(item => item.id !== e.target.dataset.ids)
    })

  },
  handleInfo() {
    // wx.getSystemInfo({
    //   success (res) {
    //     console.log(res.model)
    //     console.log(res.pixelRatio)
    //     console.log(res.windowWidth)
    //     console.log(res.windowHeight)
    //     console.log(res.language)
    //     console.log(res.version)
    //     console.log(res.platform)
    //   }
    // })
    // console.log('handleInfo');
    // 类似编程式导航===this.$router.push()
    // wx.switchTab({
    //   url:'../index/index'
    // })

    // wx.navigateTo({
    //   url:'../forth/forth?name=rose',
    // })

    // wx.showToast({
    //   title:'点击成功',
    //   icon:'loading'
    // })

    // wx.showModal({
    //   title:'提示',
    //   content:'你确认要删除数据嘛',
    //   showCancel:true,
    //   cancelText:'退出',
    //   success({cancel,confirm}){
    //     // console.log(res,88);
    //     if(cancel){
    //       // 点击的是取消
    //       wx.showToast({
    //         title:'点击取消'
    //       })
    //     }else{
    //       // 点击的是确认
    //        wx.showToast({
    //         title:'点击成功'
    //       })
    //     }
    //   }
    // })
    wx.showLoading()

    setTimeout(() => {
      wx.hideLoading()
    }, 3000)
  },

  startRecord() {
    wx.startRecord({
      success: (res) => {
        console.log(this, 877);
        // const tempFilePath = res.tempFilePath
        this.setData({
          tempFilePath: res.tempFilePath
        })
      }
    })
  },
  stopRecord() {
    wx.stopRecord() // 结束录音
  },
  playRecord() {
    wx.playVoice({
      filePath: this.data.tempFilePath,
      complete() {}
    })
  },
  requestHandle() {
    wx.request({
      url: 'http://5990367be1e4470011c46fa8.mockapi.io/meng/user',
      // url:'https://www.fastmock.site/mock/37d3b9f13a48d528a9339fbed1b81bd5/book/api/todos',
      success: (res) => {
        // console.log(res,888)
        this.setData({
          list: [...this.data.list,...res.data]
        })
      }
    })
  },
  storageHandle() {
    this.data.arr3.push('圣君锅')
    this.setData({
      arr3: this.data.arr3
    })
    wx.setStorageSync('web74', this.data.arr3)
  },
  getStorageHandle() {
    var value = wx.getStorageSync('web74')
    console.log(value, 666);
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    console.log('page====onLoad,只执行一次');
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    console.log('page====onReady,只执行一次');
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    console.log('page===onShow');

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {
    console.log('page===onHide');
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    console.log(222);
    // this.setData({
    //   arr4: this.data.arr5
    // })
     this.setData({
      list: []
    })
    this.requestHandle()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    console.log(1111);
    // if (this.data.arr4.length >= 50) {
    //   return false
    // }
    // this.setData({
    //   arr4: [...this.data.arr4, ...this.data.arr5]
    // })

    if (this.data.list.length >= 100) {
      return false
    }
    this.requestHandle()
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
  onPageScroll({
    scrollTop
  }) {
    // console.log(scrollTop,11222);
    if (scrollTop > 120) {
      this.setData({
        flagTop: true
      })
    } else {
      this.setData({
        flagTop: false
      })
    }
  },
  handleTop() {
    // 点击就跳回顶部
    wx.pageScrollTo({
      scrollTop: 0,
      duration: 300
    })
  },
  // 收货地址
  btnAddress(){
    wx.chooseAddress()
  }
  /** 今日总结：
   * js+api
   * js：
    * + wx-for
    * + wx:if   hidden
  *api
    + 获取屏幕尺寸
    + Toast+modal+loading  
    + 录音
    + wx.request
    + pageScrollTo+onPageScroll
    + 上拉和下拉
    作业：猫眼电影+购物车+项目2查找【2022-06-26交】
   */

})